extends layout
block content

    body(data-type="index")
        .am-g.tpl-g
            include header.pug
            include skiner
            include siderbar
            .tpl-content-wrapper
                .container-fluid.am-cf
                    .row
                        .am-u-sm-12.am-u-md-12.am-u-lg-9
                            .page-header-heading
                                span.am-icon-home.page-header-heading-icon
                                | 部件首页
                                small   Amaze UI
                            p.page-header-description maze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包含不同主题的 Web 组件
                        .am-u-lg-3.tpl-index-settings-button
                            button.page-header-button(type="button")
                                span.am-icon-paint-brush
                                |设置
                .row-content.am-cf
                    .row.am-cf
                        .am-u-sm-12.am-u-md-12.am-u-lg-4
                            .widget.am-cf
                                .widget-head.am-cf
                                    .widget-title.am-fl 月度财务收支计划
                                    .widget-function.am-fr
                                        i.am-icon-cog
                                .widget-body.am-fr
                                    .am-fl
                                        .widget-fluctuation-period-text
                                            |￥61746.45
                                            buttom.widget-fluctuation-tpl-btn
                                                i.am-icon-calendar
                                                |更多月份
                                    .am-fr.am-cf
                                        .widget-fluctuation-description-amount.text-success(am-cf) +￥30420.56
                                        .widget-fluctuation-description-text.am-text-right 8月份收入
                        .am-u-sm-12.am-u-md-12.am-u-lg-4
                            .widget.widget-primary.am-cf
                                .widget-statistic-header 本季度利润
                                .widget-statistic-body
                                    .widget-statistic-value ￥27,294
                                    .widget-statistic-description 本季度比去年多收入
                                        strong 2593元
                                        |人民币
                                    .widget-statistic-icon.am-icon-credit-card-alt
                        .am-u-sm-12.am-u-md-12.am-u-lg-4
                            .widget.widget-purple.am-cf
                                .widget-statistic-header 本季度利润
                                .widget-statistic-body
                                    .widget-statistic-value ￥27,294
                                    .widget-statistic-description 本季度比去年多收入
                                        strong 2593元
                                        | 人民币
                                    .widget-statistic-icon.am-icon-support
                        .am-u-sm-12.am-u-md-8
                            .widget.am-cf
                                .widget-head.am-cf
                                    .widget-title.am-fl 月度财务收支计划
                                    .widget-function.am-fr
                                        a.am-icon-cog
                                .widget-body-md.widget-body.tpl-amendment-echarts.am-fr#tpl-echarts
                        .am-u-sm-12.am-u-md-4
                            .widget.am-cf
                                .widget-head.am-cf
                                    .widget-title.am-fl 专用服务器负载
                                    .widget-function.am-fr
                                        a.am-icon-cog
                                .widget-body.widget-body-md.am-fr
                                    .am-progress-title CPU Load
                                        .am-fr.am-progress-title-more 28% / 100%
                                    .am-progress
                                        .am-progress-bar(style='width:15%')
                                    .am-progress-title CPU Load
                                        .am-fr.am-progress-title-more 28% / 100%
                                    .am-progress
                                        .am-progress-bar.am-progress-bar-warning(style='width:60%')
                                    .am-progress-title CPU Load
                                        .am-fr.am-progress-title-more 28% / 100%
                                    .am-progress
                                        .am-progress-bar.am-progress-bar-danger(style='width:30%')

                        .am-u-sm-12.am-u-md-12.am-u-lg-4.widget-margin-bottom-lg
                            .tpl-user-card.am-text-center.widget-body-lg
                                .tpl-user-card-title 禁言小张
                                .achievement-subheading 月度最佳员工
                                img(src='/images/user07.png')
                                .achievement-description 禁言小张在
                                    strong 30天内
                                    |禁言了
                                    strong 200多
                                    |人。
                        .am-u-sm-12.am-u-md-12.am-u-lg-8.widget-margin-bottom-lg
                            .widget.am-cf.widget-body-lg
                                .widget-body.am-fr
                                    .am-scrollable-horizontal
                                        table.am-table.am-table-compact.am-text-nowrap.tpl-table-black#example-r(width="100%")
                                            thead
                                                tr
                                                    th 文章标题
                                                    th 作者
                                                    th 时间
                                                    th 操作
                                            tbody
                                                tr.gradeX
                                                    td 新加坡大数据初创公司 Latize 获 150 万美元风险融资
                                                    td 张鹏飞
                                                    td 2016-09-26
                                                    td
                                                        .tpl-table-black-operation
                                                            a
                                                                i.am-icon-pencil
                                                                |编辑
                                                            a.tpl-table-black-operation-del
                                                                i.am-icon-trash
                                                                | 删除
                                                tr.gradeX
                                                    td 新加坡大数据初创公司 Latize 获 150 万美元风险融资
                                                    td 张鹏飞
                                                    td 2016-09-26
                                                    td
                                                        .tpl-table-black-operation
                                                            a
                                                                i.am-icon-pencil
                                                                | 编辑
                                                            a.tpl-table-black-operation-del
                                                                i.am-icon-trash
                                                                | 删除
                                                tr.gradeX
                                                    td 新加坡大数据初创公司 Latize 获 150 万美元风险融资
                                                    td 张鹏飞
                                                    td 2016-09-26
                                                    td
                                                        .tpl-table-black-operation
                                                            a
                                                                i.am-icon-pencil
                                                                | 编辑
                                                            a.tpl-table-black-operation-del
                                                                i.am-icon-trash
                                                                | 删除
                                                tr.gradeX
                                                    td 新加坡大数据初创公司 Latize 获 150 万美元风险融资
                                                    td 张鹏飞
                                                    td 2016-09-26
                                                    td
                                                        .tpl-table-black-operation
                                                            a
                                                                i.am-icon-pencil
                                                                | 编辑
                                                            a.tpl-table-black-operation-del
                                                                i.am-icon-trash
                                                                | 删除
                                                tr.gradeX
                                                    td 新加坡大数据初创公司 Latize 获 150 万美元风险融资
                                                    td 张鹏飞
                                                    td 2016-09-26
                                                    td
                                                        .tpl-table-black-operation
                                                            a
                                                                i.am-icon-pencil
                                                                | 编辑
                                                            a.tpl-table-black-operation-del
                                                                i.am-icon-trash
                                                                | 删除


    script(src='/javascripts/amazeui.min.js')
    script(src='/javascripts/amazeui.datatables.min.js')
    script(src='/javascripts/dataTables.responsive.min.js')
    script(src='/javascripts/echarts.min.js')
    script(src='/javascripts/app.js')
